<template>
	<view class="main-content">
		<index-header></index-header>
	    <view class="content">
			<view class="bg">
				<ban title="期刊"></ban>
	      
			<view class="orglist">
				<view class="org" v-for="(item, index) in booklist" :key="index">
					<image :src="item.pic" class="ys_img"></image>
					<view class="sm">
						{{item.name}}
					</view>
				</view>
				
			</view>
			</view>
	    </view>
		<bottom></bottom>
	</view>
</template>

<script>
	export default{
		data() {
		    return {
				booklist:[
					{pic:'../../static/img/book.jpg',name:'2016—2017测绘科学技术学科发展报告'},
					{pic:'../../static/img/book.jpg',name:'2016—2017测绘科学技术学科发展报告'},
					{pic:'../../static/img/book.jpg',name:'2016—2017测绘科学技术学科发展报告'},
					{pic:'../../static/img/book.jpg',name:'2016—2017测绘科学技术学科发展报告'},
					{pic:'../../static/img/book.jpg',name:'2016—2017测绘科学技术学科发展报告'},
					{pic:'../../static/img/book.jpg',name:'2016—2017测绘科学技术学科发展报告'},
				]
		    };
		},
	}
	
</script>

<style lang="scss">
    .content {
        width: 750upx;
        height: auto;
        padding-top: 108upx;
		margin-bottom: 100upx;
    }
	
	.ys_img{
		width: 260upx;
		height: 369upx;
		
		
	}
	.sm{
		text-align: center;
	}
	.orglist{
		margin: 20upx 100upx;
	}
	.org{
		width: 260upx;
		    overflow: hidden;
		    float: left;
		    margin-top: 40upx;
		    margin-left: 10upx;
		    line-height: 0px;
	}

	
</style>
